MacOS使用Docker搭建vue开发环境

您所在的位置:网站首页 vue m1 MacOS使用Docker搭建vue开发环境

MacOS使用Docker搭建vue开发环境

2023-04-15 03:30| 来源: 网络整理| 查看: 265

环境:MacOS

安装docker

www.docker.com/

官网下载安装包进行安装

镜像

hub.docker.com/ 可以从该网站上找到任何你想要的镜像

1、安装镜像

终端执行docker pull nginx命令,执行完后可以在Docker GUI中的Images标签下看到你刚安装好的镜像。

2、创建容器

在Docker GUI中点击run按钮(如下图)即可创建一个容器 截屏2023-04-07 17.54.16.png

创建容器时的配置 截屏2023-04-07 18.07.29.png

Host port:端口映射用于访问在Docker容器内运行的服务。我们打开一个主机端口,让我们可以访问 Docker 容器内相应的开放端口。然后可以将对主机端口发出的所有请求重定向到 Docker 容器中。端口映射使得容器内的进程可以从外部访问。 Volumes:挂载Docker卷,用于存放独立于容器的数据,这使用户可以轻松地在容器之间备份数据和共享文件系统。详见:phoenixnap.com/kb/docker-v… 3、启动容器

容器创建好后,点击Containers标签下的Start按钮(如下图)即可启动容器 截屏2023-04-07 18.46.35.png

环境搭建 1、更新依赖库

执行apt-get update命令

2、安装nodejs和npm 执行apt-get install nodejs命令,安装完成后可用node -v命令验证是否安装成功。 执行apt-get install npm命令,安装完成后可用npm -v命令验证是否安装成功。

这样安装的nodejs很可能不是最新的版本,如果要更新到最新版本:

首先下载 n 这个用于更新 node 版本的工具:npm install n -g 然后通过 n 这个工具下载 nodejs 的最新稳定版本:n stable 下载完成后 如果发现 node -v 仍然是之前的版本,根据不同的 shell 版本执行 hash -r 或者 rehash 即可,我用的是 hash -r 更新完成 3、安装vim命令

有时候我们需要编辑配置文件,需要使用vim或者vi命令,但是会发现:bash: vi: command not found。 这是因为vim没有安装,使用如下命令安装:apt-get install vim。

环境上传 1、首先创建一个存放镜像的仓库

image.png

image.png

我这里创建的镜像名为vue-dev.

2、从容器创建一个新镜像

dockers commit 容器名 [hub-user]/[repo-name]:[tag](若没有:[tag]则直接默认为latest)

docker commit my-vue-dev qeating/vue-dev

3、上传镜像

docker push [hub-user]/[repo-name]:[tag]

docker push qeating/vue-dev



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3